export const imgerror = {
  // 这里配置一些钩子函数
  // 这里的钩子，是指那些被使用当前指令的 dom 的生命周期
  // 这个钩子是页面一开始时加载
  inserted(dom, options) {
    // 当图片标签的地址为空时，给一个默认地址
    if (!dom.src) {
      dom.src = options.value
    }
    // 这个钩子会在 dom 被插入父组件的时候触发
    // 可以接受两个参数
    // 1. 当前的 dom  2. 当前指令的配置
    // console.log(dom, options)
    // 定义他的错误处理，修改 src 即可
    dom.onerror = function() {
      //  dom.src = 备用的图片地址
      dom.src = options.value
    }
  },
  // 上一个inserted 钩子是在dom插入页面时触发
  // 但是如同 表格翻页 或者排序重新加载等情况, 用另外一个钩子
  // 当页面更新时触发的钩子函数 componentUpdate
  componentUpdate(dom, options) {
    // 当图片标签的地址为空时，给一个默认地址
    if (!dom.src) {
      dom.src = options.value
    }
  }
}
